<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/web/header.jsp"%>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>主界面</title>
  <link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo layui-hide-xs layui-bg-black">Java-0000</div>
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <!-- 移动端显示 -->
<!--       <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft"> -->
<!--         <i class="layui-icon layui-icon-spread-left"></i> -->
<!--       </li> -->
      
<!--       <li class="layui -nav-item layui-hide-xs"><a href="">nav 1</a></li> -->
<!--       <li class="layui-nav-item layui-hide-xs"><a href="">nav 2</a></li> -->
<!--       <li class="layui-nav-item layui-hide-xs"><a href="">nav 3</a></li> -->
<!--       <li class="layui-nav-item"> -->
<!--         <a href="javascript:;">nav groups</a> -->
<!--         <dl class="layui-nav-child"> -->
<!--           <dd><a href="">menu 11</a></dd> -->
<!--           <dd><a href="">menu 22</a></dd> -->
<!--           <dd><a href="">menu 33</a></dd> -->
<!--         </dl> -->
<!--       </li> -->
    </ul>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item layui-hide layui-show-md-inline-block">
        <a href="javascript:;">
          <img src="<%=app %>/web/base/img/fei.png" class="layui-nav-img">
          用户[${user.name}]
        </a>
        <dl class="layui-nav-child">
          <dd><a href="">修改资料</a></dd>
          <dd><a href="">修改密码</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
       <a href="javascript:toLogout()">退出</a>
       </li>
       <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
        <a href="javascript:openRight();">
          <i class="layui-icon layui-icon-more-vertical"></i>
        </a>
      </li>
    </ul>
  </div>
  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree" lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">信息维护</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;" data-url="/web/page/department/list.jsp" class='site-demo-active'>部门信息维护</a></dd>
            <dd><a href="javascript:;"data-url="/web/page/employee/list.jsp"class='site-demo-active'>员工信息维护</a></dd>
            <dd><a href="javascript:;"data-url="/web/page/project/list.jsp"class='site-demo-active'>项目信息维护</a></dd>
            <dd><a href="javascript:;"data-url="/web/page/score/list.jsp"class='site-demo-active'>绩效信息维护</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">menu group 2</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:openUrl('/web/page/department/list.jsp');">list 1</a></dd>
            <dd><a href="javascript:;">list 2</a></dd>
            <dd><a href="">超链接</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item"><a href="javascript:;">click menu item</a></li>
        <li class="layui-nav-item"><a href="">the links</a></li>
      </ul>
    </div>
  </div>
  
  <div class="layui-body">
    <iframe name='frameA' width='99%' height='97%'></iframe>
    </div>
  
  <div class="layui-footer">
  @kangajiao@163.com
  </div>
</div>
<script src="./layui/layui.js"></script>
<script type="text/javascript">
$('.site-demo-active').click(function(){
	window.open(base.app+$(this).data("url"),"frameA")
})

function toLogout(){
	layerConfirm(function(){
		toHref('/EmployeeServlet?action=logout')
	},"是否退出？")
}
function openRight(){
	layer.open({
		type:1
		,content:'<div style="padding:15px;">处理右侧面板的操作</div>'
		,area:['260px','100%']
		,offset:'rt'//右上角
		,anim:5
		,shadeClose:true
	});
}
</script>
</body>
</html>